<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>danceWeui框架</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" href="../../css/weui.min.css">
    <link rel="stylesheet" href="../../css/danceWeui.css">
</head>
<body class="body__bg body-fixed-bottom">

<div class="daui-navbar bg-gradual-blue">
	<div class="daui-navbar__hd">
		<a href="javascript:history.back(-1)"><i class="iconfontzz icon-fanhuijiantou"></i>返回</a>
	</div>
	<div class="daui-navbar__bd">返回顶部</div>
	<div class="daui-navbar__hd">
		<a href="../index.html"><i class="iconfontzz icon-home"></i></a>
	</div>
</div>

<div class="daui-headline daui-headline_left">
	<div class="daui-headline__text-area">
    	<h2 class="daui-headline__title">返回顶部 Backtop</h2>
    	<p class="daui-headline__desc">向下滑动页面查看效果</p>
	</div>
</div>

<div style="height:1000px;text-align: center;font-size: 12px;color: #7a7a7a;">往下拉</div>

<div style="padding-top: 600px;text-align: center;font-size: 12px;color: #7a7a7a;">到达底部~</div>

<div class="daui-backtop">
	<a href="../index.html" class="daui-backtop__item">
		<img src="../../images/backtop/backtop-index.png" class="daui-backtop_img">
		<span class="daui-backtop_text">首页</span>
	</a>
	<div class="daui-backtop__item daui-backtop__item_top">
		<img src="../../images/backtop/backtop-share.png" class="daui-backtop_img">
	</div>
	<div class="daui-backtop__item daui-backtop__item_top J_top">
		<img src="../../images/backtop/backtop-top.png" class="daui-backtop_img">
		<span class="daui-backtop_text text-white">顶部</span>
	</div>
</div>

<script src="../../js/jquery.min.js"></script>
<script>
$(window,document).bind('scroll',function(){
	if($(this).scrollTop() > 120){
		$('.J_top').fadeIn('slow');
	}else{
		$('.J_top').fadeOut('slow');
	}
});
$(".J_top").bind("click",function(){
	$("html,body").animate({"scrollTop":0});
});
</script>
</body>
</html>